<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        <% if(typeof title !=='undefined' ){ %>
            <%= title %>
                <% } %>
    </title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/semantic-ui/2.2.2/semantic.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/semantic-ui/2.2.2/semantic.min.js"></script>
    <style type="text/css">
        .main.container {
            margin-top: 7em;
        }
    </style>
    <style type="text/css">
        body {
            background-color: #FFFFFF;
        }

        .ui.menu .item img.logo {
            margin-right: 1.5em;
        }

        .user_cards_ul {
            margin-top: 60px;
        }

        .user_card {
            width: 80%;
            margin: 0 auto !important;
            margin-top: 10px !important;
        }

        .user_card_con {
            width: 80%;
            /* height:40px; */
        }

        .user_card_con_line {
            height: 30px;
            line-height: 30px;
            display: flex;
            align-items: center;
        }
        .online_text{
            color:greenyellow;
            margin-left:10px;
        }
        .drop_line_text{
            color:red;
            margin-left:10px;
        }
    </style>
</head>

<body>
    <div class="ui fixed inverted main menu navbar" id="main_menu">
        <div class="ui container">
            <div class="right menu">
                <a href="/" class="item">首页</a>
                <% if ((typeof(session) !=='undefined' ) && (typeof(session.admin) !=='undefined' )) { %>
                    <a href="/admin/logout" class="item">管理员登出</a>
                    <% } else { %>
                        <a href="/admin/login" class="item">管理员登录</a>
                        <% } %>
            </div>
        </div>
    </div>
    <div class="user_cards_ul">
        <% onlineUserList.forEach(function(user){ %>
            <%- include('components/usercard/index', {user: user}); %>
        <% }) %>
    </div>
</body>
<script src="/public/ejs.js"></script>
</html>